<template>
	<view>
		<image v-if="isbg" src="/static/navbarbg.png" class="navbarbg" mode=""></image>
		<u-navbar :leftIcon='leftIcon' leftIconSize='40rpx' :title="title" :placeholder='placeholder'
			leftIconColor='#2F2F2E' :bgColor="`rgba(255,255,255,${opacity})`"
			:autoBack="autoBack">
			<view class="" slot="right">
				<slot name="rightbtn"></slot>
			</view>
		</u-navbar>
	</view>
</template>

<script>
	export default {
		name: "navbar",
		props: {
			autoBack: {
				default: true,
				type: Boolean
			},
			title: {
				default: '',
				type: String
			},
			leftIcon: {
				default: 'arrow-left',
				type: String
			},
			opacity: {
				default: 0,
				type: Number
			},
			isbg: {
				default: true,
				type: Boolean
			},
			placeholder: {
				default: true,
				type: Boolean
			}
		},
		data() {
			return {};
		},
		methods: {
			rightClick() {
				console.log(12313123)
			}
		},

	}
</script>

<style lang="scss">
	.navbarbg {
		width: 750rpx;
		height: 902rpx;
		position: fixed;
		top: 0;
		left: 0;
		// z-index: -1;
	}

	::v-deep.u-navbar__content__title {
		font-family: PingFang SC;
		font-weight: 800;
		font-size: 34rpx;
		color: #1E1E1E;
		line-height: 34rpx;
	}

	::v-deep.uicon-arrow-left {
		font-weight: 800 !important;
	}
</style>